/* 定位 */
.pos_rel {
	position: relative;
}
/* 字体颜色 */
.c_00B {
	color: #00B7EE;
}

.c_f0 {
	color: #F05D6C;
}
.c_da {
	color: #dadada;
}

.c_2c {
	color: #2c2c2c;
}

.c_c0 {
	color: #c0c0c0;
}

.c_e4 {
	color: #e4e4e4;
}

.c_cb {
	color: #cca78b;
}

.c_4a {
	color: #4a5b6f;
}

.c_55 {
	color: #555454;
}

.c_d0 {
	color: #d0ae95;
}

.c_dd {
	color: #ddb699;
}

.c_50 {
	color: #50a1ff;
}

.c_e6 {
	color: #eed566;
}

.c_9f {
	color: #91ffff;
}

.c_e3 {
	color: #e46a73;
}

.c_e7 {
	color: #e77373;
}

.c_f7 {
	color: #f7b26a;
}

.c_8e {
	color: #80749e;
}

.c_pr {
	color: #eb876d;
}

.c_ft {
	color: #939cca;
}

.c_ee {
	color: #eee;
}

.c_98 {
	color: #989898;
}

.c_1a {
	color: #1AC9BF;
}

.c_99 {
	color: #999;
}

.c_33 {
	color: #333;
}

.c_cc {
	color: #ccc;
}

.c_c3 {
	color: #c3c3c3;
}

.c_78 {
	color: #787878;
}

.c_97 {
	color: #979797;
}

.c_e1 {
	color: #e1bda1;
}

.c_66 {
	color: #666;
}

.c_69 {
	color: #696969;
}

.c_d8 {
	color: #d8d8d8;
}

.c_8a {
	color: #8a8a8a;
}

.c_77 {
	color: #777;
}

.c_9b {
	color: #9b9b9b;
}

.c_ff {
	color: #fff;
}

.c_c8 {
	color: #c8c8c8;
}

.c_00 {
  color: #000000;
}

.c_09 {
	color: #09bb07;
}

.c_57 {
	color: #576b95;
}

.c_e5 {
	color: #e51c23;
}

.c_a0 {
	color: #a09f9f;
}

.c_48 {
	color: #484848;
}

.c_1e {
	color: #1e2525;
}
.f_99{
	color: #F99802;
}
.f_bc{
	color: #00BCA8;
}
/* 背景颜色  */

.bc_f6{
	background-color: #f6f6f6;
}
.bc_00B {
	background-color: #00B7EE;
}
.bc_fe {
	background-color: #FE483D;
}
.bc_0c {
	background-color: #0CAFF3;
}
.bc_52 {
	background-color: #52C811;
}
.bc_f3 {
	background-color: #F3F3F3;
}
.bc_cb {
	background-color: #2A4690;
}

.bc_8c {
	background-color: #8cccff;
}

.bc_a5 {
	background-color: #a5bbc5;
}

.bc_ea {
	background-color: #eaeaea;
}

.bc_3c {
	background-color: #362d4c;
}

.bc_d8 {
	background-color: #d8d8d8;
}

.bc_e7 {
	background-color: #e77373;
}

.opc {
	opacity: 0.8;
}

.bc_e9 {
	background-color: #e9e9e9;
}

.bc_de {
	background-color: #dccbbb;
}

.bc_1a {
	background-color: #1ac9bf;
}

.bc_ee {
	background-color: #eee;
}

.bc_cc {
	background-color: #ccc;
}

.bc_d8 {
	background-color: #d8d8d8;
}

.bc_fa {
	background-color: #FAFAFA;
}

.bc_e5 {
	background-color: #e5e5e5;
}

.bc_99 {
	background-color: #999;
}

.bc_f5 {
	background-color: #f5f5f5;
}

.bc_e9 {
	background-color: #e9e9e9;
}

.bc_ef {
	background-color: #efefef;
}

.bc_f8 {
	background-color: #f8f8f8;
}

.bc_f7 {
	background-color: #f7f7f7;
}

.bc_ff {
	background-color: #fff;
}

.bc_00 {
	background-color: #000;
}

.bc_ed {
	background-color: #ededed;
}

/* 盒子阴影 */
.shadow_a {
	-moz-box-shadow: 0 4rpx 20rpx -10rpx #000;
	-webkit-box-shadow: 0 4rpx 20rpx -10rpx #000;
	box-shadow: 0 4rpx 20rpx -10rpx #000;
}

.shadow_b {
	-moz-box-shadow: 0px 20rpx 40rpx -20rpx rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 20rpx 40rpx -20rpx rgba(0, 0, 0, 0.5);
	box-shadow: 0px 20rpx 40rpx -20rpx rgba(0, 0, 0, 0.5);
}

.b_shadow {
	-moz-box-shadow: 0 0 40rpx -10rpx rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 40rpx -10rpx rgba(0, 0, 0, 0.5);
	box-shadow: 0 10rpx 10rpx -10rpx rgba(0, 0, 0, 0.5);
}

/* 竖行隐藏 */
.ovY_heidden {
	overflow-y: hidden;
}

/* 多行或单行隐藏 */
.line1 {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
.line_1 {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
	white-space: nowrap !important;
}
.line_2 {
	text-overflow: ellipsis !important;
	overflow: hidden !important;
}
.line2 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	box-orient: vertical;
	-webkit-box-orient: vertical;
}

.line3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	box-orient: vertical;
	-webkit-box-orient: vertical;
}

.line4 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 4;
	box-orient: vertical;
	-webkit-box-orient: vertical;
}

.line6 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 6;
	box-orient: vertical;
	-webkit-box-orient: vertical;
}

.line7{
	display: flex;
	flex-wrap: wrap;
}

/* 转行内块 */
.disil {
	display: inline-block
}

/* 宽度 */
.wth_50 {
	width: 50rpx;
}
.wth_36r{
	width: 36rpx;
}
.wth_60r{
	width:60rpx;
}
.wth_26r{
	width:26rpx;
}
.wth_111r{
	width:111rpx;
}
.wth_32r{
	width:32rpx;
}
.hei_32r{
	height: 32rpx;
}
.hei_36r{
	height: 36rpx;
}
.hei_600r{
	height: 736rpx;
}
.hei_800r{
	height: 900rpx;
}
.hei_111r{
	height:111rpx;
}
.wth_108r {
	width: 108rpx;
}
.wth_140r {
	width: 140rpx;
}


.wth_48r {
	width: 48rpx;
}

.wth_55r {
	width: 55rpx;
}
.wth_360r {
	width: 360rpx;
}

.wth_50bai {
	width: 50%;
}

.wth_40r {
	width: 40rpx;
}
.wth_16r {
	width: 16rpx;
}
.wth_auto {
	width: auto;
}

.wth_100r {
	width: 100rpx;
}

.wth_200r {
	width: 200rpx;
}

.wth_300r {
	width: 300rpx;
}

.wth_400r {
	width: 400rpx;
}

.wth_100 {
	width: 100%;
}

.wth_100vw {
	width: 100vw;
}

/* 最小宽 */
.min_wth_100 {
	min-width: 100%;
}

.min_hei_100 {
	min-height: 100%;
}

.max_wth_100 {
	max-width: 100%;
}

.max_hei_100 {
	max-height: 100%;
}

/* 行高 */
.ln_hei26r {
	line-height: 26rpx;
}
.ln_hei60r {
	line-height: 60rpx;
}
.lh_36r {
	line-height: 36rpx;
}

.lh_40r {
	height: 40rpx;
	line-height: 40rpx;
}

.lh_60r {
	height: 60rpx;
	line-height: 60rpx;
}

.lh_80r {
	height: 80rpx;
	line-height: 80rpx;
}

.lh_60rno {
	line-height: 60rpx;
}

.lh_100r {
	line-height: 100rpx;
}

.mine.lh_50r {
	line-height: 50rpx;
}
.minh_80r{
	min-height: 80rpx;
}

/* 最小高 */
.minh_300r {
	min-height: 300rpx;
}

.minh_400r {
	min-height: 400rpx;
}

.minh_500r {
	min-height: 500rpx;
}

.minh_600r {
	min-height: 600rpx;
}

.minh_250r {
	min-height: 250rpx;
}

.minh_200r {
	min-height: 200rpx;
}

.minh_150r {
	min-height: 150rpx;
}

.lh_50r {
	line-height: 50rpx;
}

/* 最小高 */
.minh_300r {
	min-height: 300rpx;
}
.minh_410r {
	min-height: 410rpx;
}

.minh_250r {
	min-height: 250rpx;
}

.minh_200r {
	min-height: 200rpx;
}

.minh_150r {
	min-height: 150rpx;
}

/* 高度 */
.hei_70r {
	height: 70rpx;
}
.hei_55r {
	height: 56rpx;
}
.hei_44r{
	height: 44rpx;
}
.hei_60r {
	height: 60rpx;
}
.hei_48r {
	height: 48rpx;
}
.h_100vh {
	height: 100vh;
}

.minh_60r {
	min-height: 60rpx;
}

.hei_40r {
	height: 40rpx;
}
.hei_16r {
	height: 16rpx;
}
.hei_26r {
	height: 26rpx;
}
.hei_100r {
	height: 100rpx;
}

.hei_200r {
	height: 200rpx;
}

.hei_300r {
	height: 300rpx;
}

.hei_400r {
	height: 400rpx;
}

.hei_500r {
	height: 500rpx;
}

.hei_auto {
	height: auto;
}

.hei_100 {
	height: 100%;
}

.hei_100r {
	height: 100rpx;
}

.hei_100r {
	height: 100rpx;
}

.hei_80r {
	height: 80rpx;
}

.hei_50r {
	height: 50rpx;
}

.her_40r {
	height: 40rpx;
}

/* 字体 */
.f10 {
	font-size: 10rpx;
}

.f16 {
	font-size: 16rpx;
}

.f18 {
	font-size: 18rpx;
}

.f22 {
	font-size: 22rpx;
}

.f24 {
	font-size: 24rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f30 {
	font-size: 30rpx;
}

.f32 {
	font-size: 32rpx;
}

.f34 {
	font-size: 34rpx;
}

.f36 {
	font-size: 36rpx;
}

.f38 {
	font-size: 38rpx;
}

.f40 {
	font-size: 40rpx;
}

.f42 {
	font-size: 42rpx;
}

.f44 {
	font-size: 44rpx;
}

.f46 {
	font-size: 46rpx;
}

.f48 {
	font-size: 48rpx;
}

.f52 {
	font-size: 52rpx;
}

.f60 {
	font-size: 60rpx;
}

.f64 {
	font-size: 64rpx;
}

.f80 {
	font-size: 80rpx;
}

/* 加粗 */
.fw_100 {
	font-weight: 100;
}

.fw_500 {
	font-weight: 500;
}

.fw_b {
	font-weight: bold;
}

/* 弹性布局 */
.flex {
	display: flex;
}

.flex_s0{
	flex-shrink:0;
}
.flex_s1{
	flex-shrink:1;
}
.flex33{
	flex:0 0 33%;
}
.flex99{
	flex:0 0 99%;
}
.ju_c {
	justify-content: center;
}

.ju_a {
	justify-content: space-around;
}

.ju_b {
	justify-content: space-between;
}

.ju_e {
	justify-content: flex-end;
}

.am_s {
	align-items: flex-start;
}

.am_c {
	align-items: center;
}

.am_e {
	align-items: flex-end;
}

.col {
	flex-direction: column;
}

.col_r {
	flex-direction: column-reverse;
}

.row {
	flex-direction: row;
}

.row_r {
	flex-direction: row-reverse;
}

.f_warp {
	flex-wrap: wrap;
}

.flo {
	float: right;
}

.pwrap {
	white-space: pre-wrap;
}

.nowrap {
	white-space: nowrap;
}

.wb_ba {
	word-break: break-word;
}

/* flex属性 */
.flex1 {
	flex: 1;
}

.flex20 {
	flex: 0 0 20%;
}

.flex12 {
	flex: 0 0 12%;
}

.flex13 {
	flex: 0 0 13%;
}

.flex15 {
	flex: 0 0 15%;
}

.flex25 {
	flex: 0 0 25%;
}

.flex30 {
	flex: 0 0 30%;
}

.flex35 {
	flex: 0 0 35%;
}
.flex38{
	flex: 0 0 38%;
}
.flex40 {
	flex: 0 0 40%;
}

.flex45 {
	flex: 0 0 45%;
}

.flex48 {
	flex: 0 0 48%;
}

.flex50 {
	flex: 0 0 50%;
}

.flex55 {
	flex: 0 0 55%;
}

.flex60 {
	flex: 0 0 60%;
}
.flex62 {
	flex: 0 0 62%;
}

.flex65 {
	flex: 0 0 65%;
}

.flex70 {
	flex: 0 0 70%;
}

.flex75 {
	flex: 0 0 75%;
}

.flex80 {
	flex: 0 0 80%;
}

.flex85 {
	flex: 0 0 85%;
}

.flex88 {
	flex: 0 0 88%;
}

.flex90 {
	flex: 0 0 90%;
}

.flex95 {
	flex: 0 0 95%;
}

/* 外间距 */
.ma_10 {
	margin: 10rpx;
}
.m_0_10{
	margin:0 10rpx ;
	}
.ml_32{
	margin-left: 32rpx;
}

.mt_80 {
	margin-top: 80rpx;
}

.mt_100 {
	margin-top: 100rpx;
}

.mt_150 {
	margin-top: 150rpx;
}

.m_20_10 {
	margin: 20rpx 10rpx;
}

.m_10_20 {
	margin: 10rpx 20rpx;
}

.m_20_30 {
	margin: 20rpx 30rpx;
}

.m_10 {
	margin: 10rpx;
}

.m_20 {
	margin: 20rpx;
}

.m_30 {
	margin: 30rpx;
}

.m_40 {
	margin: 40rpx;
}

.m_50 {
	margin: 50rpx;
}

.m_60 {
	margin: 60rpx;
}

.mt_10 {
	margin-top: 10rpx;
}

.m_20_0 {
	margin: 20rpx 0;
}

.m_10_0 {
	margin: 10rpx 0;
}

.mr_10 {
	margin-right: 10rpx;
}

.mb_10 {
	margin-bottom: 10rpx;
}

.ml_10 {
	margin-left: 10rpx;
}

.mt_20 {
	margin-top: 20rpx;
}

.mr_20 {
	margin-right: 20rpx;
}

.mb_20 {
	margin-bottom: 20rpx;
}

.ml_20 {
	margin-left: 20rpx;
}

.mt_30 {
	margin-top: 30rpx;
}

.mr_30 {
	margin-right: 30rpx;
}

.mb_30 {
	margin-bottom: 30rpx;
}

.ml_30 {
	margin-left: 30rpx;
}

.mt_40 {
	margin-top: 40rpx;
}

.mr_40 {
	margin-right: 40rpx;
}

.mb_40 {
	margin-bottom: 40rpx;
}

.ml_40 {
	margin-left: 40rpx;
}

.ml_50 {
	margin-left: 50rpx;
}

.mt_60 {
	margin-top: 60rpx;
}

.mr_60 {
	margin-right: 60rpx;
}

.mb_60 {
	margin-bottom: 60rpx;
}

.ml_60 {
	margin-left: 60rpx;
}

.ml_80 {
	margin-left: 80rpx;
}

.ml_100 {
	margin-left: 100rpx;
}

/* 内间距 */
.pt_none{
	padding-top: 0 !important;
}
.pb_none{
	padding-bottom: 0 !important;
}
.p_20_20_0 {
	padding: 20rpx 20rpx 0;
}
.p_5_10 {
	padding: 5rpx 10rpx;
}
.pr_30lnoner {
	padding: 30rpx 0;

}

.p_0_60 {
	padding: 0 60rpx;
}

.p_20_28{
	padding: 20rpx 28rpx;
}

.p_40_50_40_40 {
	padding: 40rpx 90rpx 40rpx 40rpx;
}

.p_14 {
	padding: 14rpx;
}

.p_0_10 {
	padding: 0 10rpx;
}

.p_10_0 {
	padding: 10rpx 0;
}

.p_0_60 {
	padding: 0 60rpx;
}

.p_0_50 {
	padding: 0 50rpx;
}

.p_10_30 {
	padding: 10rpx 60rpx;
}

.p_0_20 {
	padding: 0 20rpx;
}

.p_20_0 {
	padding: 20rpx 0;
}

.p_6 {
	padding: 6rpx;
}

.p_20_10 {
	padding: 20rpx 10rpx;
}

.p_25_30 {
	padding: 25rpx 30rpx;
}

.p_0_40 {
	padding: 0 40rpx;
}

.p_20_30 {
	padding: 20rpx 30rpx;
}

.p_10_40 {
	padding: 10rpx 40rpx;
}

.p_20_40 {
	padding: 20rpx 40rpx;
}

.p_16{
	padding: 16rpx;
}

.p_16_28{
	padding: 16rpx 28rpx;
}

.p_10 {
	padding: 10rpx;
}

.p_20 {
	padding: 20rpx;
}

.p_30 {
	padding: 30rpx;
}

.p_40 {
	padding: 40rpx;
}

.p_60 {
	padding: 60rpx;
}

.p_10_20 {
	padding: 10rpx 20rpx;
}

.p_4_14 {
	padding: 4rpx 14rpx;
}

.p_4_20 {
	padding: 4rpx 20rpx;
}

.p_6_20 {
	padding: 6rpx 20rpx;
}

.p_8_20 {
	padding: 8rpx 20rpx;
}

.pt_10 {
	padding-top: 10rpx;
}

.pr_10 {
	padding-right: 10rpx;
}

.pb_10 {
	padding-bottom: 10rpx;
}

.pl_10 {
	padding-left: 10rpx;
}

.pt_20 {
	padding-top: 20rpx;
}

.pr_20 {
	padding-right: 20rpx;
}

.pb_20 {
	padding-bottom: 20rpx;
}

.pl_20 {
	padding-left: 20rpx;
}

.pt_30 {
	padding-top: 30rpx;
}

.pr_30 {
	padding-right: 30rpx;
}

.pb_30 {
	padding-bottom: 30rpx;
}

.pl_30 {
	padding-left: 30rpx;
}

.pt_40 {
	padding-top: 40rpx;
}

.pr_40 {
	padding-right: 40rpx;
}

.pb_40 {
	padding-bottom: 40rpx;
}

.pl_40 {
	padding-left: 40rpx;
}

.pt_60 {
	padding-top: 60rpx;
}

.pr_60 {
	padding-right: 60rpx;
}

.pb_60 {
	padding-bottom: 60rpx;
}

.pd_0 {
	padding: 0 !important;
}

.pt_0 {
	padding-top: 0 !important;
}

.pb_0 {
	padding-bottom: 0 !important;
}

.pl_0 {
	padding-left: 0 !important;
}

.pr_0 {
	padding-right: 0 !important;
}

.pl_60 {
	padding-left: 60rpx;
}

/* 边框 */
.br_l {
	border-left: 2rpx solid #999999;
}
.br_f0{
	border: 2rpx solid #F05D6C;
}
.br_f0{
	border: 2rpx solid #F05D6C;
}
.bor_8r{
	border: 8rpx solid #CCCCCC;
}
.bor_bc {
	border: 2rpx solid #bcbcbc;
}

.bor0 {
	border-bottom: 2rpx solid rgba(0, 0, 0, 0);
}

.bor_r9 {
	border-right: 2rpx solid #ccc;
}

.bor_bNone {
	border-bottom: none !important;
}

.bor_tNone {
	border-top: none !important;
}

.bor_rNone {
	border-right: none !important;
}

.bor_lNone {
	border-left: none !important;
}

.bor {
	border: 2rpx solid #ccc;
}

.bor_ff {
	border: 2rpx solid #FFFFFF;
}

.bor_99 {
	border: 2rpx solid #999999;
}

.bor_dc {
	border-bottom: 2rpx solid #dcdcdc;
}

.bor_BD {
	border: 2rpx solid #bdbdbd;
}

.bor_ee {
	border: 2rpx solid #eee;
}

.bor_cc {
	border: 2rpx solid #ccc;
}

.bor_dd {
	border: 2rpx solid #ddb699;
}

.bor_t {
	border-top: 2rpx solid #eee;
}

.bor_b {
	border-bottom: 2rpx solid #eee;
}

.bor_l {
	border-left: 2rpx solid #eee;
}

.bor_a7 {
	border: 2rpx solid #a7a7a7;
}

.bor_r {
	border-right: 2rpx solid #A7A7A7;
}

.bor_b3 {
	border-bottom: 2rpx solid #333;
}
.bor_00 {
	border: 2rpx solid #000;
}

.bor_be2 {
	border-bottom: 4rpx solid #E2E0E1;
}

.bor_be {
	border-bottom: 2rpx solid #eee;
}

.bor_1a {
	border: 2rpx solid #1AC9BF;
}

.dashed {
	border: 2rpx dashed #bdbdbd;
}

.dashed_t {
	border-top: 2rpx dashed #bdbdbd;
}

/* 圆角 */
.br4 {
	border-radius: 8rpx;
}
.br16r_16r {
	border-radius: 16rpx 16rpx 16rpx 0;
}

.br5 {
	border-radius: 5rpx;
}

.br6 {
	border-radius: 6rpx;
}

.br8 {
	border-radius: 8rpx;
}

.br10 {
	border-radius: 10rpx;
}

.br12 {
	border-radius: 12rpx;
}

.br15 {
	border-radius: 15rpx;
}

.br20 {
	border-radius: 20rpx;
}

.br30 {
	border-radius: 30rpx;
}

.br40 {
	border-radius: 40rpx;
}



/* 层级 */
.z1 {
	z-index: 1;
}

.z2 {
	z-index: 2;
}

.z3 {
	z-index: 3;
}

.z4 {
	z-index: 4;
}

.z10 {
	z-index: 10;
}

/* 去除下划线 */
.t_un {
	text-decoration: underline;
}

/* 字体居中 */
.t_ct {
	text-align: center;
}



/* 转块元素 */
.block {
	display: block;
}
/* 下划线 */
.text_xia{
	text-decoration: underline;
}
/* 动画 */
.btn_liked {
	-webkit-animation: scale 0.8s ease;
	animation: scale 0.8s ease;
}

/* 过度动画 */
.btn_hov {
	transition: all 0.1s ease;
}

.hover {
	transform: scale(0.95);
	opacity: 0.8;
}

/* 自定义动画 */
@keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	40% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	60% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	80% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	20% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	40% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}

	60% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	80% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

/* 绝对定位 */
.backg {
	position: absolute;
	/* width: 100%; */
	left: 10rpx;
	/* top: 0; */
	z-index: 2;
	opacity: 0;
}

/* 固定定位 */
.fixed {
	position: fixed;
}

/* 上 下 左 右 */
.top_0 {
	top: 0;
}
.top_40 {
	top: 40rpx;
}
.left_-40{
	left: -40rpx;
}
.left_32{
	left: 32rpx;
}
.top_50 {
	top: 50%;
}
.top_6r {
	top: -6rpx;
}
.right_0 {
	right: 0;
}
.right_20r {
	right: 20rpx;
}
.right_6r {
	right: -6rpx;
}
.left_0 {
	left: 0;
}
.left_10r {
	left: 10rpx;
}

.left_24r {
	left: 24rpx;
}

.bottom_0 {
	bottom: 0;
}

.ab_s {
	position: absolute;
}

.ab_cen {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.dis_backg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
}

.btn_backg {
	-webkit-animation: animation-back-scale 0.8s ease;
	animation: animation-back-scale 0.8s ease;
}

@keyframes animation-back-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}

	20% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0;
	}

	40% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.2;
	}

	60% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.4;
	}

	80% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

@-webkit-keyframes animation-back-scale {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}

	20% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0;
	}

	40% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		opacity: 0.15;
	}

	60% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.3;
	}

	80% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
		opacity: 0.15;
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0;
	}
}

.jinghao {
	color: white;
	width: 32rpx;
	height: 32rpx;
	line-height: 32rpx;
	text-align: center;
	background: linear-gradient(180deg, rgba(221, 183, 153, 1) 0%, rgba(240, 220, 201, 1) 100%);
	border-radius: 50%;
}

::-webkit-scrollbar {
	width: 0;
	height: 0;
	color: transparent;
}

.t_ri {
	text-align: right;
}

/* 圆角绿色元素 */
.brGreed:before {
	content: '';
	display: inline-block;
	width: 14rpx;
	height: 39rpx;
	background: #1AC9BF;
	border-radius: 8rpx;
	margin-right: 6rpx;
	float: left;
}

/* 移除隐藏 */
.hidden {
	overflow: hidden;
}
.vis_hideen{
	visibility:hidden
	}
.hidden-X {
	overflow-x:scroll;
}
.hidden-Y {
	overflow-y:scroll ;
}
/* 按钮 */
.bottom {
	/* position: fixed;
		bottom: 5%; */
		
	width: 100%;
}
.left_-18r{
	left: -18rpx;
}
.confirm {
	background: #5DC6BE;
	color: #fff;
}

.cancel {
	color: #808080;
	border: 1rpx solid #808080;
}

.button {
	width: 100%;
	padding: 20rpx 0;
	text-align: center;
	border-radius: 40rpx;
}

/* 字体缩进 */
.textIn10r {
	text-indent: 10rpx;
}

.textIn20r {
	text-indent: 20rpx;
}

.textIn30r {
	text-indent: 30rpx;
}

.textIn40r {
	text-indent: 40rpx;
}

.textIn50r {
	text-indent: 50rpx;
}

.textIn60r {
	text-indent: 60rpx;
}

.textIn70r {
	text-indent: 70rpx;
}

.textIn80r {
	text-indent: 80rpx;
}

.textIn90r {
	text-indent: 90rpx;
}

.textIn100r {
	text-indent: 100rpx;
}

.green {
	width: 10rpx;
	height: 10rpx;
	border-radius: 50%;
	display: inline-block;
	margin-right: 4rpx;
	background: #1AC9BF;
}

.circle {
	border: 10rpx solid #1AC9BF;
	border-radius: 50%;
	border-right-color: #CBF3F1;
	animation: StartCircle 1s linear infinite;
}

/* 转圈动画 */
@keyframes StartCircle {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/*配网相机定位*/
.xj {
	bottom: 0;
	left: 55%;
}

/* 自身平移动画 */
.translate_50Y {
	transform: translateY(-50%);
}
.translate_50X {
	transform: translateX(-50%);
}
.translate_50 {
	transform: translate(-50%);
}
/* 弹性布局子元素靠右 */
.align_e {
	align-self: flex-end;
}

.br_b50 {
	border-radius: 50%;
}

.br_b100 {
	border-radius: 100%;
}

/* 
	 这一部分是flex相关类，单独提出来，不写在具体样式中
 */
.flex-row {
	display: flex;
	flex-direction: row;
}

.flex-column {
	display: flex;
	flex-direction: column;

}

.flexStart {
	/* 从左到右，水平居中 */
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flexSE {
	/* 从左到右，底部对齐 */
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.flexEnd {
	/* 从右到左水平居中 */
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.flexCen {
	/* 整体居中，左右自适应 */
	display: flex;
	justify-content: center;
	align-items: center;
}

.flexSb {
	/* 左右靠边，顶部对齐 */
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.flexSbCen {
	/* 左右靠边，垂直剧中 */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.flexSa {
	/* 左右留空，垂直居中 */
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flexTopCen {
	/* 从上到下居中对齐 */
	display: flex;
	/* 对齐方式 */
	justify-content: flex-start;
	/* 交叉轴对齐方式 */
	align-items: center;
	/* 排列方式 */
	flex-direction: column;
}
.flexTopLeft {
	/* 从上到下左对齐 */
	display: flex;
	/* 对齐方式 */
	justify-content: center;
	/* 交叉轴对齐方式 */
	align-items: flex-start;
	/* 排列方式 */
	flex-direction: column;
}